//---------------------------
// Footer
//---------------------------

.footer {
  color: #000000;

  //@media #{$medium-up} { padding: double($line-height__medium) 0; }

  &__section {
    margin-bottom: half($line-height__base);

    &:last-child { margin-bottom: 0; }
  }
}

.social-icons {

  li {
    display: inline-block;
    vertical-align: super;
  }

  .icon {
    fill: #ffff;
    transition: $base-transition-speed;

    &:hover { fill: $color__type--hover; }
  }
}

.l-footer__pagetop {
  position: fixed;
  bottom: 5%;
  right: 36px;
  font-size: 1rem;
  text-align: center;
  margin: 0;
  transition: all ease-in-out .3s;

  @media #{$medium-down} { display: none; }
}

.l-footer__pagetop .iconfont {
  display: block;
  margin-bottom: -.5rem
}

.l-footer__pagetop::after {
  content: '';
  width: 1px;
  height: 1.8rem;
  display: block;
  background-color: #343a40;
  margin-left: .6rem;
  margin-top: .5rem;
  opacity: 0;
  filter: opacity(0);
  transition: height ease-out .5s
}

.l-footer__pagetop:hover::after {
  content: '';
  height: 2rem;
  opacity: 80%;
  filter: opacity(80%);
  transition: all ease-in .3s
}

.l-ftr_logos__logo{
    background-image: url('/images/assets/Rodvl.svg');
    @media #{$medium-up} {
      width: 400px;
      height: 100px;
    }

    @media #{$large-up} {
      width: 400px;
      height: 100px;
    }

    @media #{$phone-up}{
      width: 200px;
      height: 80px;
    }

    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
}